<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="/struts-tags" prefix="s"%>
<%@ page import="java.util.Date" %>
<%@ page import="exam.common.util.DateUtils" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Thêm câu hỏi</title>
<s:head />
<style type="text/css">
@import url(media/css/styles.css);
</style>
<script type="text/javascript" src="media/js/jquery-latest.js"></script>
<script type="text/javascript" src="media/js/jquery.validate.js"></script>
<script>
  $(document).ready(function(){
    $("#form_add_question").validate();
  });
  </script>
<script type="text/javascript">
	function enableType(option) {
		var type = document.getElementById("type");
		var correctNum = document.getElementById("correctNum");
		var correct = document.getElementsByName("correct");
		if (type.checked) {
			correctNum.disabled = false;
			for(var i = 0; i < correct.length; i++) {
				correct[i].type = "hidden";
				document.getElementById("correct_" + i).type = "checkbox";
			}
		} else {
			correctNum.disabled = true;
			for(var i = 0; i < correct.length; i++) {
				correct[i].type = "radio";
				document.getElementById("correct_" + i).type = "hidden";
			}
		}
	}
</script>
</head>
<body>
<s:actionerror/>
<s:actionmessage/>
<fieldset>
	<legend>Thêm mới câu hỏi</legend>
	<s:form action="addQuestion" theme="simple" id="form_add_question">
		<!-- Nội dung câu hỏi -->
		<s:div>
			<s:label for="questionContent">Nội dung câu hỏi: </s:label>
			<s:textarea name="questionContent" cols="50" cssClass="required" id="questionContent"/>
		</s:div>
		<!-- Điểm câu hỏi -->
		<s:div>
			<s:label for="questionMark">Điểm câu hỏi: </s:label>
			<s:textfield name="questionMark" size="5"/>
		</s:div>
		<!-- Câu hỏi nhiều đáp án -->
		<s:div>
			<s:checkbox name="type" id="type" onclick="enableType()"/>
			<s:label for="type">Câu hỏi nhiều đáp án</s:label>
		</s:div>
		<!-- Số đáp án đúng -->	
		<s:div>
			<s:label for="correctNum">Số đáp án đúng: </s:label>
			<s:textfield name="correctNum" id="correctNum" size="5" disabled="true"/>
		</s:div>
		<!-- Chủ đề câu hỏi -->
		<s:div>
			<s:label for="subQuestId">Chủ đề câu hỏi: </s:label>
			<s:select name="subQuestId" list="listSubQuestion" listKey="subQuestId" 
						listValue="subject" headerKey="0" headerValue="Chọn chủ đề"/>
		</s:div>	
		<!-- Các thẻ ẩn -->		
		<s:hidden name="questionId" />
		<s:hidden name="userId" value="39"/>
		
		<!-- Đáp án câu hỏi -->
		
		<s:text name="Đáp án câu hỏi:" />
		<%
			for(int i = 0; i < 4; i++) {
		%>
		<s:div>
			<s:label for="answerContents">Đáp án <%=i+1%></s:label>
			<textarea name="answerContents" cols="50" class="required" id="answerContents"></textarea>
			<input type='hidden' name='correct_<%=i%>' value='1' id="correct_<%=i%>"/>
			<input type="radio" name="corrects" value="1"/> Đúng			
		</s:div>
		
		<%		
			}
		%>
		
		<s:div>
			<!-- Nút thêm mới -->
			<s:submit name="btAdd" value="Thêm mới"/>
			<!-- Nút reset -->
			<s:reset value="Xóa"/>
		</s:div>
	</s:form>
</fieldset>
</body>
</html>